
<template class="container">
    <div class="title">{{text}}</div>
    <input class="input" onchange=OnChange></input>
    <div onclick=OnClick class="confirm-btn">确定</div>
</template>

<script type="text/lua">

function OnChange(value)
    _G.value = value;
end

function OnClick()
    CloseWindow();
end
</script>

<style scoped=true>
.container {
    width: 520px;
    height: 300px;
    background: url(Texture/Aries/Creator/keepwork/ggs/gi/textures/ui_common/messagebox.png);
}

.title {
    margin-left: 30px;
    margin-top: 60px;
    font-size: 30px;
    color: #ffffff;
}
.input {
    position: absolute;
    left: 30px;
    top: 145px;
    width: 460px;
    height: 50px;
    font-size: 33px;
    color: #ffffff;
    background-color: #ffffff00;
}

.confirm-btn {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #cccccc;
    text-align: center;
    background: url(Texture/Aries/Creator/keepwork/ggs/gi/textures/ui_23_offline/27.png:8 8 8 8);
}

.confirm-btn:hover {
    color: #ffffff;
}
</style>

